<template>
  <section class="flex flex-jc-start coc mg-auto">
    <section class="side-bar" :class="[LOGONAME + theme + '-sidebar']">
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, 'draw')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, 'score')"
      >
        联赛评分
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
      <section
        class="pointer"
        :class="[LOGONAME + theme + '-sidebar-item']"
        @click="jumpDraw(true, '')"
      >
        月抽奖
      </section>
    </section>
    <section style="flex: 1">
      <router-view />
    </section>
  </section>
</template>

<script setup lang="ts">
import { LOGONAME } from '@/store/constant';
import { computed } from 'vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex';

const store = useStore();

const router = useRouter();

const theme = computed(() => store.state.status.theme);

function jumpDraw(defaultStart: boolean, path: string) {
  router.push(defaultStart ? '/coc/' + path : path);
}
</script>

<style lang="scss">
@import './style/pageHomeCoc.scss';
</style>
